<template>
  <div class="load-more w-full py-30px text-9CADBB text-center" :style="cssStyle" @click="onClick">
    {{ loading ? '加载中...' : hasMore ? '加载更多' : '没有更多了～' }}
  </div>
</template>

<script>
export default {
  props: {
    cssStyle: {
      type: String,
      default: ''
    },
    loading: {
      type: Boolean,
      default: true
    },
    hasMore: {
      type: Boolean,
      default: true
    }
  },
  data() {
    return {}
  },
  methods: {
    onClick() {
      this.$emit('click')
    }
  }
}
</script>

<style lang="scss" scoped>
.load-more {
  font-size: 16px;
}
</style>
